﻿<!DOCTYPE html>
<html lang="en">

<?php
// 启动会话
session_start();
?>

<script>
    function userIsLoggedIn() {
        // 在这里实现用户登录状态的检查逻辑
        // 返回值为布尔值，true 表示用户已登录，false 表示用户未登录
        // 示例：检查用户是否具有有效的登录凭据
        // 这里改为检查会话中的登录状态
        return <?php echo isset($_SESSION['loggedin']) && $_SESSION['loggedin'] ? 'true' : 'false'; ?>;
    }

    // 在页面加载时检查用户登录状态
    window.addEventListener('DOMContentLoaded', function() {
        if (!userIsLoggedIn()) {
            window.location.href = 'Login.php'; // 请将 'login.html' 替换为您实际的登录页面路径
        }
    });
</script>

<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">

    <!-- ========== SEO ========== -->
    <title>About Us</title>
    <meta content="" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">

    <!-- ========== FAVICON ========== -->
    <link rel="apple-touch-icon-precomposed" href="images/favicon-apple.png" />
    <link rel="icon" href="images/favicon.png">

    <!-- ========== STYLESHEETS ========== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="css/famfamfam-flags.css" rel="stylesheet" type="text/css">
    <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
    <link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/responsive.css" rel="stylesheet" type="text/css">

    <!-- ========== ICON FONTS ========== -->
    <link href="fonts/font-awesome.min.css" rel="stylesheet">
    <link href="fonts/flaticon.css" rel="stylesheet">

    <!-- ========== GOOGLE FONTS ========== -->
    <link href="./css/fonts.googleapis.comcss.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

    <div id="smoothpage" class="wrapper">

        <!-- ========== TOP MENU ========== -->
        <div class="top_menu">
            <div class="container">
                <div class="welcome_mssg hidden-xs">
                    欢迎光临青云庭院酒店
                </div>
                <ul class="top_menu_right">
                    <li><i class="fa fa-phone"></i><a href="tel:18475555555"> 1-888-123-4567 </a></li>
                    <li class="email hidden-xxs"><i class="fa fa-envelope-o "></i> <a href="mailto:contact@site.com">contact@site.com</a></li>
                    <li class="language-switcher">
                        <nav class="dropdown">
                            <a href="#" class="dropdown-toggle select" data-hover="dropdown" data-toggle="dropdown">
                                <i class="famfamfam-flag-cn "></i>中国<b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#"><i class="famfamfam-flag-us "></i>美国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-de "></i>德国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-jp "></i>日本</a></li>
                                <li><a href="#"><i class="famfamfam-flag-ru "></i>俄罗斯</a></li>
                                <li><a href="#"><i class="famfamfam-flag-fr "></i>法国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-no "></i>挪威</a></li>
                                <li><a href="#"><i class="famfamfam-flag-sg"></i>新加坡</a></li>
                                <li><a href="#"><i class="famfamfam-flag-cn"></i>中国</a></li>
                            </ul>
                        </nav>
                    </li>
                    <?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) : ?>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-hover="dropdown"><i class="fa fa-user"></i> 欢迎，<?php echo $_SESSION['username']; ?></a>
                        </li>
                        <li><a href="logout.php"><i class="fa fa-sign-out"></i>退出</a></li>
                    <?php else : ?>
                        <li><a href="login.php">登录</a></li>
                        <li><a href="login.php">注册</a></li>
                    <?php endif; ?>
                    <!-- <li><a href="backend01.php">酒店后台</a></li> -->
                    <?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true && $_SESSION['role'] !== "顾客") : ?>
                        <li><a href="backend01.php">酒店后台</a></li>
                    <?php endif; ?>
                </ul>
            </div>
        </div>

        <!-- ========== HEADER ========== -->
        <header class="fixed">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle mobile_menu_btn" data-toggle="collapse" data-target=".mobile_menu" aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.php">
                        <img src="images/logo.svg" height="32" alt="Logo">
                    </a>
                </div>
                <nav id="main_menu" class="mobile_menu navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="index.php" class="navbar-link">首页</a></li>
                        <li><a href="about-us.php" class="navbar-link">关于我们</a></li>
                        <li><a href="room.php" class="navbar-link">客房</a></li>
                        <li><a href="rooms-list.php" class="navbar-link">客房列表</a></li>
                        <li><a href="contact.php" class="navbar-link">联系我们</a></li>
                        <li><a href="blog.php" class="navbar-link">博客</a></li>
                    </ul>
                </nav>
            </div>
        </header>

        <!-- ========== PAGE TITLE ========== -->
        <div class="page_title gradient_overlay" style="background: url(images/page_title_bg.jpg);">
            <div class="container">
                <div class="inner">
                    <h1>关于青云庭院</h1>
                    <ol class="breadcrumb">
                        <li><a href="index.php">主页</a></li>
                        <li>关于这家酒店</li>
                    </ol>
                </div>
            </div>
        </div>

        <!-- ========== MAIN SECTION ========== -->
        <main id="about_us_page">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <h1 class="mb30">始于 1989</h1>
                        <p>青云庭院，这座历史悠久的酒店，承载着许多故事和回忆。自远古时代开始，它作为一个世代相传的住所，见证了无数来来往往的客人，留下了一段段动人的历史。
                            <br><br>
                            据传，青云庭院的历史可以追溯到1000年前。当时，这里是一座名为“逍遥楼”的古老建筑，为游客提供了独特的住宿和休憩场所。逍遥楼以其壮丽的建筑风格和细致入微的服务，成为当时社交和商业交流的中心。在那个时代，青云庭院已经开始发展出自己独特的管理优势。
                            <br><br>
                            随着时间的推移，青云庭院逐渐扩建和改造，拓展了更多的客房和设施。它不仅提供了优雅舒适的住宿环境，还为客人提供了美味的餐饮和丰富的娱乐活动。在这个过程中，青云庭院的管理团队始终坚持着高品质的标准，致力于为客人提供卓越的服务体验。
                            <br><br>
                            随着时代的演变，青云庭院成为了当地的地标性建筑。它见证了城市的发展，见证了风云变幻。作为一个有着千年历史的酒店，青云庭院以其独特的魅力和历史价值吸引着来自世界各地的游客。
                            <br><br>
                            除了历史的魅力，青云庭院在管理领域也独具优势。首先，它拥有一支经验丰富的管理团队，这些管理者经过专业培训，精通酒店管理的各个方面。他们了解客人的需求，能够提供个性化的服务，并始终确保客人的满意度。
                            <br><br>
                            其次，青云庭院注重员工培训和发展。酒店为员工提供了良好的工作环境和培训机会，使他们能够不断提升专业技能和服务质量。这种注重员工发展的文化，使得青云庭院的员工拥有高度的责任心和工作热情，为客人提供了优质的服务体验。
                            <br><br>
                            此外，青云庭院还致力于环境保护和可持续发展。酒店采取了一系列的节能减排措施，推广环保意识，积极参与社区活动。这种可持续发展的理念，使得青云庭院成为了一个对社会和环境负责任的企业。
                            <br><br>
                            青云庭院的历史和管理优势，使它成为了一家备受推崇的酒店。它不仅提供了舒适的住宿环境，更是一个传承着千年历史的文化瑰宝。不论是为了追求历史韵味，还是为了享受品质生活，青云庭院都将是您最佳的选择。无论您是一个寻求历史文化的旅行者，还是一个追求优质服务的商务人士，青云庭院都将竭诚欢迎您的到来，为您带来难忘的体验。
                        </p>
                    </div>
                    <div class="col-md-5">
                        <div class="about_img">
                            <img src="images/about.jpg" class="img1 img-responsive" alt="Image">
                            <img src="images/about.jpg" class="img2 img-responsive" alt="Image">
                        </div>
                        <div class="row">
                            <div class="col-md-3 col-sm-3 col-xs-6">
                                <div class="countup_box">
                                    <div class="inner">
                                        <div class="countup number" data-count="150"></div>
                                        <div class="text">fangjia</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6">
                                <div class="countup_box">
                                    <div class="inner">
                                        <div class="countup number" data-count="50"></div>
                                        <div class="text">staffs</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6">
                                <div class="countup_box">
                                    <div class="inner">
                                        <div class="countup number" data-count="4"></div>
                                        <div class="text">restaurant</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6">
                                <div class="countup_box">
                                    <div class="inner">
                                        <div class="countup number" data-count="3"></div>
                                        <div class="text">pools</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row image-gallery">
                    <div class="col-md-3 col-sm-6 mt20 mb20 br2">
                        <a href="images/restaurant.jpg" class="hover_effect h_lightbox h_blue">
                            <img src="images/restaurant.jpg" class="img-responsive full_width br2" alt="Image">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-6 mt20 mb20 br2">
                        <a href="images/spa.jpg" class="hover_effect h_lightbox h_blue">
                            <img src="images/spa.jpg" class="img-responsive full_width br2" alt="Image">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-6 mt20 mb20 br2">
                        <a href="images/conference.jpg" class="hover_effect h_lightbox h_blue">
                            <img src="images/conference.jpg" class="img-responsive full_width br2" alt="Image">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-6 mt20 mb20 br2">
                        <a href="images/swimming.jpg" class="hover_effect h_lightbox h_blue">
                            <img src="images/swimming.jpg" class="img-responsive full_width br2" alt="Image">
                        </a>
                    </div>
                </div>
                <p>在我们的酒店中，您将是我们最重要的宾客。我们致力于了解并满足您的个人需求和偏好，努力为您创造一个舒适、愉悦和家一般的环境。我们深知每位客人的独特性，因此我们重视个性化服务，确保您感受到无微不至的关怀和照顾。
                    <br><br>
                    作为服务宗旨的核心，卓越是我们的追求。我们的团队经过专业培训，具备丰富的行业经验和专业技能，以确保我们能够提供一流的服务品质。无论是在餐厅品味美食，还是在前台办理入住手续，我们始终以笑容和专业态度对待每一位客人，为您带来难忘的体验。
                </p>
                <ul class="list_menu">
                    <li>卓越服务：我们以客人为中心，追求卓越的服务品质，确保每位客人在我们的酒店中得到无可挑剔的体验。</li>
                    <li>个性化关怀：我们注重了解每位客人的需求和偏好，并量身定制个性化的服务，让您感受到我们的温馨关怀和独特对待。</li>
                    <li>及时响应：我们提供快速、周到的响应机制，随时倾听您的需求和反馈，并确保及时满足您的需求。</li>
                    <li>温馨舒适：我们努力营造一个温馨、舒适的环境，从细节到设施都力求让客人感受到宾至如归的体验。</li>
                    <li>尊重和保护：我们尊重每位客人的隐私和个人信息，确保您在我们的酒店中享受到安全、放心的服务。</li>
                    <li>职业道德：我们秉持着高尚的职业道德，以尊贵、礼貌和友善的待遇对待每一位客人，展现我们对待工作和服务的认真态度。</li>
                </ul>
                <p>我们的服务宗旨也包括了及时的响应和周到的关怀。我们随时倾听您的需求和反馈，不断改进我们的服务流程，以确保您的需求得到及时满足。我们也提供24小时的前台服务，以确保您在任何时候都能够得到我们的帮助和支持。
                    <br><br>
                    最后，我们的服务宗旨还体现了尊重和职业道德的价值观。我们注重保护您的隐私和个人信息，确保您的安全和安心。我们尊重每位客人的文化、宗教和生活方式，致力于为每一位客人提供尊贵、礼貌和友善的待遇。
                    <br><br>
                    无论您是商务旅行、度假休闲，还是探索新奇冒险，我们的服务宗旨都将贯穿始终。我们希望通过我们的热情服务和真诚关怀，为您创造美好的回忆，让您在我们的酒店中感受到无与伦比的满意和愉悦。欢迎您来到我们的家，让我们一同开启难忘的旅程！
                </p>
            </div>

        </main>

        <!-- ========== FOOTER ========== -->
        <footer>
            <div class="inner">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 widget">
                            <div class="about">
                                <a href="index.php"><img class="logo" src="images/logo.svg" height="32" alt="Logo"></a>
                                <p>“绿树掩映，清风拂面，尽享雅致之旅。欢迎莅临我们的酒店，体验至臻奢华与无与伦比的服务。让我们将您的每一个细节需求化为巧夺天工的菁华。</p>
                                <p>为您营造一个温馨、舒适的家外之家。无论是商务旅行还是休闲度假，我们的酒店始终以您的满意为首要目标。</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>最新消息</h5>
                            <ul class="blog_posts">
                                <li><a href="blog-post.php">在希腊活出你的神话</a> <small>AUGUST 13, 2017</small>
                                </li>
                                <li><a href="blog-post.php">青云庭院图片</a> <small>AUGUST 16, 2017</small>
                                </li>
                                <li><a href="blog-post.php">青云庭院家庭聚会</a> <small>SEPTEMBER 15,
                                        2017</small></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>相关链接</h5>
                            <ul class="useful_links">
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">联系我们</a></li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">图库</a></li>
                                <li><a href="#">位置</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>联系我们</h5>
                            <address>
                                <ul class="address_details">
                                    <li><i class="glyphicon glyphicon-map-marker"></i> 25, Navagio Zakynthos， 希腊
                                    </li>
                                    <li><i class="glyphicon glyphicon-phone-alt"></i> Phone: +86-153-033-038 </li>
                                    <li><i class="fa fa-fax"></i> Fax: 800 123 3456</li>
                                    <li><i class="fa fa-envelope"></i> Email: <a href="mailto:info@site.com">contact@site.com</a></li>
                                </ul>
                            </address>
                        </div>
                    </div>
                </div>
            </div>
            <div class="subfooter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="copyrights">
                                Copyright &copy; 2023.Company name All rights reserved
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="social_media">
                                <a class="facebook" data-original-title="Facebook" data-toggle="tooltip" href="#"><i class="fa fa-facebook"></i></a>
                                <a class="twitter" data-original-title="Twitter" data-toggle="tooltip" href="#"><i class="fa fa-twitter"></i></a>
                                <a class="googleplus" data-original-title="Google Plus" data-toggle="tooltip" href="#"><i class="fa fa-google-plus"></i></a>
                                <a class="pinterest" data-original-title="Pinterest" data-toggle="tooltip" href="#"><i class="fa fa-pinterest"></i></a>
                                <a class="linkedin" data-original-title="Linkedin" data-toggle="tooltip" href="#"><i class="fa fa-linkedin"></i></a>
                                <a class="instagram" data-original-title="Instagram" data-toggle="tooltip" href="#"><i class="fa fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div>

    <!-- ========== BACK TO TOP ========== -->
    <div id="back_to_top">
        <i class="fa fa-angle-up" aria-hidden="true"></i>
    </div>

    <!-- ========== JAVASCRIPT ========== -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!---<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyBDgMJEPio2qomUKV1iqlIufj4u2NVd3q4"></script>--->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="js/jquery.smoothState.js"></script>
    <script type="text/javascript" src="js/moment.min.js"></script>
    <script type="text/javascript" src="js/morphext.min.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.thumbs.min.js"></script>
    <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
    <script type="text/javascript" src="js/jPushMenu.js"></script>
    <script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
    <script type="text/javascript" src="js/countUp.min.js"></script>
    <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>


</body>

</html>